.area {
  background: #f5f5f5;
  width: 100%;
  padding: 20rpx 0;
  .area-list {
    width: 702rpx;
    // height: 404rpx;
    background: #ffffff;
    border: 2rpx solid #ffffff;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    margin: 0 auto;
    // padding-bottom: 30rpx;

    .notuse-line {
      position: absolute;
      left: 50rpx;
    }

    .area-list-item {
      width: 100%;
      // height: 170rpx;
      // padding-bottom: 30rpx;

      .my-title {
        color: #262626;
        font-size: 28rpx;
        font-weight: bold;
        padding-top: 32rpx;
        padding-left: 34rpx;
        padding-bottom: 24rpx;
        display: flex;
        white-space: nowrap;

        .my-title-text {
          flex: 1;
          display: flex;
          align-items: center;
          padding-left: 336rpx;
          color: #8c8c8c;
          font-weight: 400;
          font-size: 24rpx;
        }
      }
      .my-info {
        color: #595959;
        font-size: 24rpx;
        font-weight: 400;
        display: flex;
        justify-content: space-between;
        padding-left: 34rpx;
        padding-bottom: 20rpx;
        align-items: center;
        align-content: normal;

        .my-info-text-left {
          // width: 296rpx;
          height: auto;
          display: flex;
          align-items: center;
          text {
            // width: 120rpx;
            height: 34rpx;
            white-space: nowrap;
            line-height: 34rpx;
          }

          .identitylevel {
            // width: 176rpx;
            height: 38rpx;
            background: #faf2ff;
            border-radius: 40rpx 40rpx 40rpx 40rpx;
            color: #9643ca;
            font-size: 24rpx;
            font-weight: 400;
            text-align: center;
            line-height: 38rpx;
          }
          .citylevel {
            // width: 176rpx;
            height: 38rpx;
            background: #fff5ef;
            border-radius: 40rpx 40rpx 40rpx 40rpx;
            color: #ca7243;
            font-size: 24rpx;
            font-weight: 400;
            text-align: center;
            line-height: 38rpx;
          }
          .provincelevel {
            // width: 176rpx;
            height: 38rpx;
            background: #ffedf5;
            border-radius: 40rpx 40rpx 40rpx 40rpx;
            color: #ca4380;
            font-size: 24rpx;
            font-weight: 400;
            text-align: center;
            line-height: 38rpx;
          }
        }
      }
      .my-info-text-right {
        width: 266rpx;
        height: auto;
        display: flex;
        align-items: center;
        padding-left: 34rpx;
        // margin-left: 56rpx;
        padding-bottom: 32rpx;
        color: #595959;
        font-size: 24rpx;
        text {
          width: 120rpx;
          height: 34rpx;
          white-space: nowrap;
        }
      }
      .phone {
        color: #595959;
        font-size: 24rpx;
        font-weight: 400;
        padding-left: 34rpx;
        padding-bottom: 20rpx;

        .phone-click {
          font-weight: 400;
          font-size: 24rpx;
          color: #8c8c8c;
          line-height: 38rpx;
          text-align: left;
          margin-left: 8rpx;
          border-bottom: 1rpx solid #8c8c8c;
        }
      }
    }
  }

  .team {
    width: 702rpx;
    height: 104rpx;
    background: #ffffff;
    border: 2rpx solid #ffffff;
  }
}

.bt-footer {
  width: 100%;
  // height: 196rpx;
  height: 120rpx;
  background: #ffffff;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  display: flex;
  justify-content: center;
  padding-top: 20rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  .bt-wz {
    width: 100%;
    // height: 28rpx;
    padding-bottom: 28rpx;
  }

  .custom-style {
    width: 630rpx;
    height: 80rpx;
    background: #f3498b;
    border-radius: 570rpx 570rpx 570rpx 570rpx;
    font-weight: bold;
    font-size: 28rpx;
    color: #ffffff;
    line-height: 40rpx;
    text-align: center;
  }
}

.nodeta {
  text-align: center;
  padding-bottom: 100rpx;
}
